<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="Maker Cloud" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="baidu-site-verification" content="G58NARqRZ9" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="stylesheet" type="text/css" href="__HOME__/css2/lib.css" />
    <link rel="stylesheet" type="text/css" href="__HOME__/css2/style.css" />
    <link rel="stylesheet" type="text/css" href="__HOME__/css2/999.css" />
    <link rel="stylesheet" type="text/css" href="__HOME__/css2/seazu.css" />
    
<link rel="stylesheet" type="text/css" href="__HOME__/css2/sun_style.css" />
<link rel="stylesheet" type="text/css" href="__HOME__/css2/layui.css" />



    <script type="text/javascript" src="__HOME__/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="__HOME__/js/org1470120033.js" data-main="indexMain"></script>
    <meta http-equiv="mobile-agent" content="format=xhtml;url=/m/index.php">
    <script type="text/javascript">
        if (window.location.toString().indexOf('pref=padindex') != -1) { } else { if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) { if (window.location.href.indexOf("?mobile") < 0) { try { if (/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location.href = "/m/index.php"; } else if (/iPad/i.test(navigator.userAgent)) { } else { } } catch (e) { } } } }
    </script>
    <script type="text/javascript" src="__HOME__/js/sun_meirong.js"></script>
    <style type="text/css">
        @media screen and (max-width: 960px) {
            .layer-qq{display: none;}
        }
        table{border-collapse:collapse;border-spacing:0}
        .layer-qq{color:#282828;font-size:14px;font-family:"微软雅黑"}
        .layer-qq{animation:layerqq .7s ease-out;position: fixed;top: 50%;color:#fff;left:50%;width: 480px;height: 282px;background: url(__HOME__/images/qq.png) no-repeat;text-align: center; z-index: 999;overflow: hidden;}
        .layer-qq h3{margin:0;padding:0;font-size: 40px;text-transform: uppercase;font-weight: bold;padding-top: 45px;}
        .layer-qq strong{font-size: 22px;}
        .layer-qq a.linkqq{
            position: absolute;
            bottom: 15px;
            left: 50%;
            margin-left: -70px;
            display:block;
            width:138px;height:38px;line-height:38px;border:1px solid rgba(255,255,255,.5);text-align:center;font-size:14px;text-decoration: none;
            border-radius: 45px;color:#fff;margin:25px auto 0;}
        .layer-qq a.qq-close{display: block;width: 28px;height: 28px;position: absolute;top: 20px;right: 20px;background: url(__HOME__/images/qq_close.png) no-repeat;
            cursor: pointer;
        }
        .layer-qq a{color:#33e153;text-decoration: none;}
        @-webkit-keyframes layerqq{
            from{-webkit-transform: scale(0);transform: scale(0);}
            to{-webkit-transform: scale(1);transform: scale(1);}
        }
        @keyframes layerqq{
            from{transform: scale(0);}
            to{transform: scale(1);}
        }
        
        .mylinkqq {
            display: block;
            height: 100%;
            width: 100%;
        }
        .sun_icon{
        	position: absolute;
        	top: 0px;
        	right: -150px;
        	height: 100px;
        	line-height: 67px;
        	
        }
        .sun_icon .sun_witch{
        	display: inline-block;
        	margin-right: 10px;
        }
        #indexPage #mslider .bx-wrapper .bx-controls-direction a {
	display: none;
    border-radius: 3px;
    height: 70px;
    width: 35px;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
}
.content .header{
	padding-bottom:0px;
}
.service {
    width: 100%;
    height: 478px;
}
#indexPage #mnews {
     background-color:white;
}
#indexPage #mnews #newslist::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color:transparent;
    top: 270px;
    left: 50%;
}
#indexPage #mnews .content:after {
	display: none;
    position: absolute;
    content: '';
    height: 136px;
    bottom: 0px;
    background: #f8f8fa;
    width: 100%;
    left: 0px;
}
.sun_item{
	position: relative;
	margin-top: 50px;
}
.sun_item:hover:after{
		        content:'';
		    	display: block;
		    	width: 0px;
		    	height: 0px;
		    	border-bottom: 30px solid transparent;
      	        border-right: 30px solid transparent;
      	        border-left: 30px solid transparent;
      	        border-top: 30px solid rgb(74,188,199);
		    	position: relative;
		    	bottom:-47px;
		    	left:45px;
	}
	
	
	#sitecontent {
    background-color: rgb(245,245,245);
     height: auto;
    min-height: 1078px;
}
    </style>


    <title>悠妃官网</title>
</head>

<body>

<script type="text/javascript">
    $(".layer-qq a.qq-close").on("click",function () {
        $(this).parents(".layer-qq").hide();
    })
</script>

{include file="block_action" /}
<div id="sitecontent">
    <div id="indexPage">
        <div id="mslider" class="module">
        	
        	<div class="service_form">
                <div class="form_box">
                	<form>
                	<h1 style="font-size: 30px;color: #000000;">xxxxxxxxxxxxx</h1>
                	<br />
                	
                	 <div class="box_row" style="text-align: left;font-size: 18px;">
                	 	*<span style="color: rgb(74,188,199);">姓名</span> 
                	 </div>
                    <div class="box_row sun_box_row">
                    	<label><img  src="__HOME__/images/account.png"/></label>
                    	<input type="text" name=""/>
                    	<!--<div class="layui-form-item">
    <label class="layui-form-label">选择框</label>
    <div class="layui-input-block">
      <select name="city" lay-verify="required">
        <option value=""></option>
        <option value="0">北京</option>
        <option value="1">上海</option>
        <option value="2">广州</option>
        <option value="3">深圳</option>
        <option value="4">杭州</option>
      </select>
    </div>
  </div>-->
                    </div>
                    <br />
                    <br />
                    <br />
                    <div class="box_row" style="text-align: left;font-size: 18px;">
                	 	*<span style="color: rgb(74,188,199);">电话/微信号</span> 
                	 </div>
                    <div class="box_row sun_box_row">
                    	<label><img  src="__HOME__/images/phone.png"/></label>
                    	<input type="text" name=""/>
                    </div>
                    
                    <div class="box_row" style="text-align: left;font-size: 18px; margin-top: 30px;">
                	 	*<span style="color: rgb(74,188,199);">感兴趣的项目</span> 
                	 </div>
                	<div class="box_row" style="text-align: left;">
                	<p><input type="checkbox" name="sex" value="male" />半永久纹绣</p>
                	<p><input type="checkbox" name="sex" value="male" />美甲</p>
                	<p><input type="checkbox" name="sex" value="male" />永久脱毛</p>
                	<p><input type="checkbox" name="sex" value="male" />小气泡清洁</p>
                   <!--<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
                   <input type="checkbox" name="vehicle" value="Car" /> I have a car<br />
                   <input type="checkbox" name="vehicle" value="Airplane" /> I have an airplane<br />
                   <input type="checkbox" name="vehicle" value="Airplane" /> I have an airplane<br />-->


                	</div>
                	
                     <div class="box_row" style="text-align: left;font-size: 18px;margin-top: 120px;">
                	 	*<span style="color: rgb(74,188,199);">所在区域</span> 
                	 </div>
                	 <ul class="box_row" style="text-align: left;">
                	 	<p><input type="radio" name="sex" value="male" />泉州</p>
                	 	<p><input type="radio" name="sex" value="male" />厦门</p>
                	 	<p><input type="radio" name="sex" value="male" />晋江</p>
                	 	<p><input type="radio" name="sex" value="male" />其他</p>
                	 </ul>
                    <div class="box_row_input"><input type="text" name="" value="" /></div>
                    <div class="box_row box_row_submit">
                    	<a style="background-image:url(__HOME__/images/fwyy_btn.png)">确认预约</a>
                    </div>
                    </form>
                </div>

        	
        	<!-------->
        	</div>
            
            
        </div>
        
        <div id="mindex" data-options-ease="Expo.easeInOut" data-options-speed="1" data-options-sscreen="0"></div>
        

        
        
        {include file="block_footer" /}
    </div>
</div>
<!--div id="footer">
<p>(©) 2016 由 <a target="_blank" href="http://www.22vd.com" style="color: #000;">尚妃美容</a> 提供技术支持<a class="beian" href="http://www.miitbeian.gov.cn/" style="display:inline; width:auto; color:#8e8e8e" target="_blank">闽ICP备16023062号-1 </a></p>
</div -->
<!--<div id="shares">
    <a id="sshare"><i class="fa fa-share-alt"></i></a>
    <a href="http://service.weibo.com/share/share.php?appkey=贝颜美容&amp;" target="_blank" id="sweibo"><i class="fa fa-weibo"></i></a>
    <a href="javascript:;" id="sweixin"><i class="fa fa-weixin"></i></a>
    <a href="javascript:;" id="gotop"><i class="fa fa-angle-up"></i></a>
</div>-->

<div class="fixed" id="fixed_weixin">
    <div class="fixed-container">
        <div id="qrcode"></div>
        <p>扫描二维码分享到微信</p>
    </div>
</div>
<div class="hide"></div>
<script>
	$(function(){
		$("#sun_jd").mouseover(function(){
       $(".sun_model").css("display","block");
});
$(".sun_model").mouseover(function(){
       $(".sun_model").css("display","block");
});
       $("#sun_jd").onmouseout(function(){
       $(".sun_model").css("display","none");
});
 $(".sun_model").onmouseout(function(){
       $(".sun_model").css("display","none");
});
		
	})
</script>
<script>
	$(function(){
		$('.sun_array').on('click',aaa);
		 function aaa(){
        	$('html,body').animate({       /*1.首先滚动条96是html*/
        		scrollTop:0
        	},200);
        }
	})
</script>
</body>
</html>
